---
layout: snippet
title: "List group badges example"
permalink: /examples/listgroup/badges/
sitemap: false
---

<ul class="list-group list-group-flush">
    <li class="list-group-item d-flex justify-content-between align-items-center" aria-disabled="false">
        A list item
        <span class="badge badge-primary badge-pill">14</span>
    </li>
    <li class="list-group-item d-flex justify-content-between align-items-center" aria-disabled="false">
        A second list item
        <span class="badge badge-primary badge-pill">2</span>
    </li>
    <li class="list-group-item d-flex justify-content-between align-items-center" aria-disabled="false">
        A third list item
        <span class="badge badge-primary badge-pill">1</span>
    </li>
</ul>